<style lang="scss" scoped="">
    .main_content{
        width: 100%;
        flex: 30;
        overflow-y: hidden;
        height: calc(100vh - 40px);
        .content{
            width: 100%;
            height: 100%;
            margin: auto auto;
            overflow:hidden;

            background-color:rgb(243,243,243);
        }
    }

    .right_style{
        float: left;
        width: calc(100% - 163px);
        height: 100%;
        overflow: hidden;
    }
    .left_style{
        float: left;
        height:100%;
        width: 162px;
        border-right: 1px solid #dcdae2;
        background-color:white;
        overflow-y: auto;

    }
</style>

<template>
    <mpage >
        <mheader ></mheader>
        <div class="main_content">
            <div class="content">
                <div>
                   <slot name="header"></slot>
                </div>
                <div class="left_style">
                   <slot name="left"></slot>
                </div>
                <div class="right_style">
                   <slot name="right"></slot>
                </div>
            </div>
        </div>
    </mpage>
</template>
<script>
    import mheader from "../comp_chatter/mheader"
    import mpage from "../comp_chatter/mpage"

    export default {
        data () {
            return{

            }
        },
        components:{
            mheader,mpage
        },
        created:function(){
        },
        methods:{

        }
    }
</script>
